<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>Quick Note</title>
        <link rel="stylesheet" type="text/css" href="css/reset.css" media="all" />
        <link rel="stylesheet" type="text/css" href="css/text.css" media="all" />
        <link rel="stylesheet" type="text/css" href="css/app.css" media="all" />
				<link rel="stylesheet" type="text/css" href="css/format.css" media="all" />
        <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="js/jquery.dateFormat-1.0.js"></script>
        <script type="text/javascript" src="js/jquery.textchange.js"></script>
        <script type="text/javascript" src="js/jquery.quicksearch.js"></script>
        <script type="text/javascript" src="js/jqModal.js"></script>
				<script type="text/javascript" src="js/process.js"></script>
				<script type="text/javascript" src="js/app.js"></script>
    </head>
    <body>
			<script type="text/javascript" src="js/cga.js"></script>
			<div id="sync_tips">Please setup a diigo account to save your notes online. This will prevent data loss issues due to updating/reinstalling Chrome etc.
			    <span onclick="note.clickNav({target:{id:'option'}});$('#sync_tips').animate({top:-80},1000).delay(1000).hide(0);">Setup a diigo account</span>
			    <span onclick="$('#sync_tips').animate({top:-80},1000).delay(1000).hide(0);">[ X ]</span>
			</div>
			<div id="outerWrap">
				
				<div id="wrap">
					<section id="navSection">
						<div id="page-all" class="active">
							<header>
									<span id="back" class="button">Back</span>
									<span id="syncBtn" class="button"><span></span></span>
									<span id="num"></span>
									<span id="newBtn" class="button"></span>
									<span id="emptyTrash" class="button">Clear</span>
							</header>
							<nav id="nav">
								<ul></ul>
								<div id="search">
									<input type="search" results="5" placeholder="  Search..." name="Search" />
								</div>
								<div id="loadOldNotes">
									<span class="button">Load more</span>
									<span class="loading"></span>
								</div>
							</nav>
							<div id="trash">Recycle</div>
							<div id="option"><cite>Settings</cite><span>Save Online</span></div>
						</div>
						<div id="page-trash">
						</div>
						
					</section>
					
					<section id="noteSection">
							<div class="flipBack">
								<div id="page-option">
									<header>
										<span id="SettingDone" class="btnDark">Done</span>
										<h2>Settings</h2>
									</header>
									<section>
										<div>
											<div class="section">
												<h3 class="sectionTitle" style="margin-bottom:0;">Save Online</h3>
												<p style="margin-bottom:10px;">Quick Note currently uses Diigo.com to provide cloud-based storage so your notes can be accessed from any computer or phone.</p>
												<ul id="service-list">
													<li id="diigo" class="activeService"><a target="_blank">Diigo.com</a></li>
													<!-- <li><a id="google" href="#">Google Docs</a></li> -->
												</ul>
												
												<ul id="service-content">
													<li id="diigoAccount" class="activeService">
														<table>
														<tr><td>
														<div class="loginByGoogle">
															<strong>New to Diigo? Connect to Diigo.com via</strong> <a href="#" class="button" target="_blank">Google account</a>.
														</div>
														</td><td>
														<div class="loginByDiigo">
															<strong>Already have an Diigo account?</strong>
															<input type="text" name="username" placeholder="Username or Email" required />
															<input type="password" name="password" placeholder="Password" required />
															<span class="button">Sign In</span>
														</div>
														</td></tr>
														</table>
														<!-- <p>Connect diigo.com with your ...</p>
														<div><a href="#" class="button" target="_blank">Google account</a></div>
														<ol>
															<li style="font-weight:bold; font-size:13px; font-style:italic">OR</li>
															<li>
																<input type="text" name="username" placeholder="username or email" required />
																<input type="password" name="password" placeholder="password" required />
															</li>
															<li><a href="#" class="diigoAccount button">Diigo account</a></li>
														</ol> -->
													</li>
												</ul>
												<div class="clear"></div>
											</div><!--section-->
											<div class="section">
												<div>
													<!-- <h3 class="sectionTitle">Save Online:</h3>
													<p>Quick Note currently uses Diigo.com to provide cloud-based storage so your notes can be accessed from any computer or phone.</p> -->
												</div>
												<div>
													<h3 class="sectionTitle">
														About Diigo
													</h3>
													<p>Diigo is a free,  all-purpose collecting tool that enables you to</p>
													<ul>
														<li>bookmark, archive and annotate webpages.</li>
														<li>save notes, images and screenshots.</li>
														<li>search, organize, and share your data in a variety of ways.</li>
														<li>access anywhere using Diigo apps on Android, Iphone and Ipad.</li>
														<li><p style="margin-left:0;"><a href="http://www.diigo.com" target="_blank">Learn more &raquo;</a></p></li>
													</ul>
												</div>
											</div><!--section-->
										</div>
									</section>
								</div>
							</div>
							
							<div id="noteOut" style="height:100%">
								<div id="flipHelper"><div></div></div>
							<div id="helper">
								<!-- <div><div></div></div> -->
							</div>
							<div id="noteWrapper">
									<section id="top">
											<span id="restore" class="btnDark">Restore</span>
											<span id="remove"></span>
									</section>
									<article id="note">
											<header id="title">
													<h1>
															<input type="text" />
															<time></time>
													</h1>
											</header>
											<section id="desc">
													<div contentEditable="true"></div>
											</section>
									</article>
							</div>
						
							</div>
					</section>
				</div>
				
				
			</div>
			
			
			<div id="networkError" class="jqmWindow" style="display:none;">
				<a href="#" class="jqmClose btnDark" style="text-decoration:none; margin-top:30px;">Close</a>
				<div>Network error.</div>
			</div>
			<div id="authError" class="jqmWindow" style="display:none;">
				You're not logged in. Please 
				<a href="#" class="jqmClose btnDark" onclick="note.clickNav({target: {id: 'option'}});" style="text-decoration:none; margin-left:10px; float:none; display: inline-block;">Sign In</a>
			</div>
			<div id="stopSync" class="jqmWindow" style="display:none;">
				<a href="#" onclick="$('#stopSync').jqmHide();" class="jqmClose btnDark btnBlue" style="text-decoration:none; margin-top:30px; margin-left:10px">Cancel</a>
				<a href="#" onclick="$('#stopSync').jqmHide(); note.syncStop(); $('#nav').removeClass('hide-load-more');" class="jqmClose btnDark" style="text-decoration:none; margin-top:30px;">Yes</a>
				<div>Stop syncing with Diigo?</div>
			</div>
			<!-- <script type="text/javascript" src="http://readict.com/promotion/script-for-QN.js"></script> -->
		</body>
</html>